﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="StoreManagementSystem.Map.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Store Map</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
    <script src="scripts.js" type="text/javascript"></script>
    <script src="Scripts/mapper.js" type="text/javascript"></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:MultiView ID="multiviewMap" runat="server">
            <asp:View ID="anon" runat="server">
                <h1>
                    Not Logged In</h1>
                <p>
                    You must <a href="../Login/">login</a> to view this page.</p>
            </asp:View>
            <asp:View ID="loggedin" runat="server">
                <div id="map-container">
                    <img id="map" class="mapper" src="images/map.jpg" width="792" height="703" alt="map"
                        usemap="#aisles" />
                    <map id="aisles" name="aisles">
                        <area id="aisle1" shape="rect" alt="Aisle 1" coords="613, 155, 636, 346" />
                        <area id="aisle2" shape="rect" alt="Aisle 2" coords="556, 155, 580, 346" />
                        <area id="aisle3" shape="rect" alt="Aisle 3" coords="499, 155, 522, 346" />
                        <area id="aisle4" shape="rect" alt="Aisle 4" coords="441, 84, 465, 346" />
                        <area id="aisle5" shape="rect" alt="Aisle 5" coords="384, 84, 408, 346" />
                        <area id="aisle6" shape="rect" alt="Aisle 6" coords="326, 84, 350, 346" />
                        <area id="aisle7" shape="rect" alt="Aisle 7" coords="269, 84, 293, 346" />
                        <area id="aisle8" shape="rect" alt="Aisle 8" coords="211, 84, 234, 346" />
                        <area id="aisle9" shape="rect" alt="Aisle 9" coords="154, 84, 176, 346" />
                        <area id="aisle10" shape="rect" alt="Aisle 10" coords="95, 84, 119, 346" />
                        <area id="drinks" shape="rect" alt="Bottled Beverages & Soft Drinks" coords="0, 165, 55, 369" />
                        <area id="dairy1" shape="rect" alt="Dairy 1" coords="0, 0, 250, 61" />
                        <area id="dairy2" shape="rect" alt="Dairy 2" coords="316, 0, 468, 61" />
                        <area id="dairy3" shape="rect" alt="Dairy 3" coords="0, 61, 55, 164" />
                        <area id="meat1" shape="rect" alt="Meat 1" coords="469, 0, 751, 61" />
                        <area id="meat2" shape="rect" alt="Meat 2" coords="484, 81, 657, 141" />
                        <area id="produce1" shape="rect" alt="Produce 1" coords="536, 422, 585, 509" />
                        <area id="produce2" shape="rect" alt="Produce 2" coords="623, 366, 719, 544" />
                        <area id="produce3" shape="rect" alt="Produce 3" coords="737, 352, 792, 553" />
                        <area id="produce4" shape="rect" alt="Produce 4" coords="590, 556, 792, 609" />
                        <area id="liquor1" shape="rect" alt="Liquor 1" coords="673, 83, 697, 207" />
                        <area id="liquor2" shape="rect" alt="Liquor 2" coords="707, 83, 729, 207" />
                        <area id="liquor3" shape="rect" alt="Liquor 3" coords="738, 83, 760, 207" />
                        <area id="liquor4" shape="rect" alt="Liquor 4" coords="770, 83, 792, 207" />
                        <area id="bakery" shape="rect" alt="Bakery" coords="0, 370, 81, 489," />
                        <area id="deli" shape="rect" alt="Deli" coords="83, 370, 165, 489" />
                        <area id="gardenshed" shape="rect" alt="Garden Shed" coords="590, 609, 792, 703" />
                    </map>
                </div>
            </asp:View>
        </asp:MultiView>
    </div>
    </form>
</body>
</html>
